<template>
	<view>
		<view class="inp">
			<input type="text" placeholder="请输入手机号" v-model="phone"/>
			<input type="text"  placeholder="请输入密码" v-model="password"/>
			<view class="" @click="wang">
				忘记密码
			</view>
			<!-- <input type="text" placeholder="请输入验证码" v-model="yan"/> -->
			<button @click="add">登录</button>
		</view>
		
	</view>
</template>

<script>
	import {login} from '../../reques/api.js'
	export default {
		data() {
			return {
				phone:'',//初始化手机号
				// yan:'',//初始化验证码
				password:''//初始化密码
			};
		},
		methods:{
			// 点击登录按钮
			add(){
				// 判断账号或者密码是否为空
				if(this.phone==''||this.password==''){
					// 如果为空进行提示
					uni.showToast({
						title:'手机号或密码不能为空',
						icon:'none'
					})
					
				}else{
					// 如果账号或者密码存在进行下一步
					// 账号或者密码不为这个
					if(this.phone!=13888888888||this.password!=123456){
						// 如果账号密码不一致
						// console.log('账号或者密码错误，请重新输入')
						login({account:'this.phone',password:'this.password'}).then(res=>{
							uni.showToast({
								title:'账号或者密码错误，请重新输入',
								icon:'none',
								duration:2000
							})
							// 输入框进行清空
							this.phone=''
							this.password=''
						})
						
					}else{
						// 如果账号密码正确进行操作
						console.log('登录成功');
						// 进行页面的跳转，进入首页
						uni.switchTab({
							url:"/pages/shou/shou"
						})
					}
					
				}
			},
			// 点击忘记密码
			wang(){
				uni.navigateTo({
					url:"/pages/wang/wang"
				})
			}
		}
	}
</script>

<style lang="scss" scoped>
.inp{
	margin: 20rpx 20rpx;
	input{
		border: 1px solid #000;
		margin-top: 20rpx;
		padding:0 20rpx;
		box-sizing: border-box;
	}
	button{
		background-color: greenyellow;
		color: #fff;
		margin-top: 30rpx;
	}
}
</style>
